@import '../../assets/less/common.less';

.hm-page {
  box-sizing: border-box;
  min-height: 100vh;
  width: 100vw;
  background-color: #F9F7F7;
  &.shop {
    .page-nav-wrap{
      background-color: #fff;
    }
    .tabs{
      height: 108rpx;
      font-size: 28rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      .tab{
        flex:1;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
                  .sort{
            display: flex;
            flex-direction: column;
            .icon{
              margin-left: 10rpx;
              width: 20rpx;
              height: 20rpx;
              // background-color: rgba(0,0,0,0.40);
            }
            .up{
              .hm-img("@{baseUrl}/shop/up.png");
              &.active{
              .hm-img("@{baseUrl}/shop/up-active.png");

              }
            }
            .down{
              margin-top: 0rpx;
              .hm-img("@{baseUrl}/shop/down.png");
              &.active{
                .hm-img("@{baseUrl}/shop/down-active.png");
  
                }
            }
          }
        &.active{
          color: #F8903D;
          font-size: 32rpx;

        }
      }
    }
    .list-wrap {
      padding-bottom: 60rpx;


      
      display: flex;
      padding-left: 32rpx;
      padding-right: 32rpx;
      flex-wrap: wrap;
      justify-content: space-between;
      // min-height: calc(100vh - 256rpx - 132rpx);

    }

  }
}